<template>
    <div class="placard">
        <div class="placardCon"
            v-for="(v,index) in placard" :key="index">
            <span class="title cur"  v-text="v.articleTitle" @click="singleClick(v.articleId)"/>
            <span class="time" v-text="v.date"/>
        </div>
    </div>
</template>

<script>
import {vpost, vlink} from '@api'
export default {
	name: 'placard',
	data() {
		return {
			placard: [],
		}
	},
	methods: {
		init() {
			let inputdata={
				type:1,
			}
			vpost(vlink.bbTrade.informationList,inputdata).then(re => {
				if (re != null && re.status == 1) {
					this.placard = re.data.articlelist
				}
			})
		},
		singleClick(articleId) {
			this.$store.commit('set_notice_which', articleId)
			this.$router.push({
				path:'/one',
				name: 'bulletin/read',
			})
		},
	},
	mounted() {
		this.init()
	},
	
}
</script>

<style scoped>
.placard {
}
.placardCon {
	/* height: 40px; */
	line-height: 20px;
	border-bottom: 1px solid #61688a;
	position: relative;
	margin: 5px 0;
}
.title,
.time {
	display: block;
}
.title {
	color: #c7cce6;
	font-size: 14px;
	margin-bottom: 10px;
}
.title:hover {
	color: #7a98f7;
}
.time {
	color: #61688a;
	font-size: 13px;
}
</style>
